import React, {PureComponent} from "react";
import {RecommendWrapper, RecommendItem} from '../style'
import {connect} from "react-redux";

class Recommend extends PureComponent {
    render() {
        return (

            <RecommendWrapper>
                {
                    this.props.list.map((item) => {
                        return (
                            <RecommendItem key={item.get('id')}
                                           imgUrl={item.get('imgUrl')}></RecommendItem>
                        )
                    })
                }
            </RecommendWrapper>
        );
    }
}

const mapState = (state) => ({
    list: state.get('home').get('recommendList')
})
export default connect(mapState, null)(Recommend);